/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 10px 0px 20px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}
/**General*/
.gwt-Label{
   font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
   font-size: 1em;
   color: black;
}

.gwt-Button{
	 background: #EEEEFF;
	 font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; 
	 color: black;
	 font-size: 12px;
	   display: block;
}

/** Styles for App Panel*/
.appTitle {
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  font-size: 2em;
  font-weight: bold:
  color: black;
  text-align: center;
  /**background-color:yellow;*/
  
}
#Application{
	margin-left:auto;
margin-right:auto;
width:70%;
/*background-color:#b0e0e6;*/
}

.logInPanel{
  margin-left:auto;
  margin-right:auto;
    margin-top:8em;
    margin-bottom:auto;
  
  width:70%;
  height:70%;
}

.gwt-TabPanel {

}
.gwt-TabPanelBottom {
  
}

/************************/

/** Panel Design*************/
.panelTitle{
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  font-size: 20px;
  font-weight: bold:
  color: black;
  text-align: center;
  margin: 15px 6px 20px;
}

.otherLinks{
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  font-size: 14px;
  font-weight: bold:
  color: black;
  text-align: center;
  margin: 2px 2px 2px;
}


.flexTable {
  width: 500px;
  height: 500px;
  //position: absolute; 
  //left: 15px; 
  //top: 350px;  
}

.panel {
  background-color: #C3D9FF;
  border: 1px solid #000000;
  padding: 3px;
  margin: 3px;
  font-weight: normal;  
}
/****************************/


/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}